<template>
  <div class="dashboard-container">
    <vue-markdown :source="markdown" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import VueMarkdown from 'vue-markdown'
export default {
  name: 'Dashboard',
  components: { VueMarkdown },
  data() {
    return {
      markdown: '# bee权限管理系统\n' +
        '#### 简介\n' +
        '适合学习和作为基础框架的极简管理系统\n' +
        '#### 技术体系说明\n' +
        '##### 后端\n' +
        'https://gitee.com/jiongber/city-online-dating-platform.git\n' +
        '后端部分采用 java8 框架采用 springboot 2.5.14;mybatis-plus 3.5.3.1\n' +
        ';spring-security 2.5.14 数据库采用 mysql8\n' +
        '##### 前端\n' +
        '前端部分采用 vue2.0体系 以及 element-ui\n' +
        '#### 安装教程\n' +
        '##### 后端\n' +
        '前提（安装并配置好了 jdk,mysql,maven,redis,idea等环境,项目中使用到阿里云的oss服务来存储图片，所以需要去阿里云申请）\n' +
        '在idea或者其他开发工具中打开本项目,等idea下载好相关依赖，maven install成功后则证明代码执行环境已经ok。\n' +
        '数据库脚本在doc/initSql.sql文件中，在mysql执行完毕后到application.yml中修改连接信息\n' +
        '注意：数据库密码不想明文的情况下需要在JasyptTest.java文件中执行testEncrypt方法用来获得加密后的密码，其他密码也一样\n' +
        '配置完成之后即可启动此项目\n' +
        '##### 前端\n' +
        'node版本 12.9.1\n' +
        'npm install\n' +
        'npm run dev'
    }
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
